<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>如梦令</title>
    <style>
        h1 {
            font-size: 20px;
        }

        p {
            font-size: 16px;
        }

        .num {
            color: green;
        }

        #wen {
            color: blue;
        }
    </style>
</head>

<body>
    <h1>如梦令</h1>
    <hr>

    <p class="num">昨夜雨疏风骤，浓睡不消残酒</p>
    <p class="num">试问卷帘人，却道“海棠依旧”。</p>
    <p class="num">“知否？知否？应是绿肥红瘦。”</p>
    <p id="wen">译文</p>
    <p class="num">昨夜雨点稀疏，晚风急猛，我虽然睡了一夜，仍有余醉未</p>
    <p class="num">消。试问卷帘的侍女：海棠花怎么样？她说海棠花依然如</p>
    <p class="num">旧。知道吗？知道吗？应是绿叶繁茂，红花凋零。</p>

</body>

</html>